<%-- 
    Document   : administration
    Created on : 9 nov. 2013, 20:18:38
    Author     : Steve Cancès <steve.cances@gmail.com>
--%>
<%@page import="fr.miage.orleans.aar.modele.Joueur"%>
<%@page import="fr.miage.orleans.aar.modele.PosteJoueur"%>
<%@page import="java.util.ArrayList,fr.miage.orleans.aar.modele.Equipe"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/kickstart.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/kickstart.js"></script>
<script type="text/javascript" src="js/inscription/inscriptionTournoi.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<jsp:useBean id="EquipesNonInscrites" class="ArrayList<Equipe>"	scope="session" />
<jsp:useBean id="PostesJoueurs" class="ArrayList<PosteJoueur>" 	scope="session" />
<title>Les tournois - Administration</title>
</head>
<body>
	<jsp:include page="header.jsp">
		<jsp:param name="page" value="inscription" />
	</jsp:include>

	<div class="grid">
		<div class="col_12">
			<!-- Select to fill others / javascript copy -->
			<select id="postesReference" style="display: none">
				<option></option>
				<%
					for (PosteJoueur aPosteJoueur : PostesJoueurs) {
				%>
				<option value="<%=aPosteJoueur.getPosteJoueurId()%>">
					<%=aPosteJoueur.getNomPoste()%>
				</option>
				<%
					}
				%>

			</select>
			
			<h2>Inscription au tournoi : <%=session.getAttribute("nomTournoi") %></h2>
			
			<ul class="tabs left">
				<li><a href="#tabr1">Inscrire une équipe existante</a></li>
				<!-- <li><a href="#tabr2">Créer des équipes aléatoirement</a></li> -->
				<li><a href="#tabr3">Créer une nouvelle équipe</a></li>
			</ul>
			
			<div id="tabr1" class="tab-content">
				<h3>Inscrire une équipe déjà existante</h3>
				<form action="inscription" method="POST">
					<input type="hidden" name="action" value="inscriptionEquipe" />
					<input type="hidden" name="tournoiId" value="<%=session.getAttribute("idTournoi")%>" /> 
					<label for="selectChoixEquipe">Choix de l'équipe à inscrire</label> 
		
					<select id="selectChoixEquipe" name="idEquipe">
						<option></option>
						<%
							for (Equipe e : EquipesNonInscrites) {
						%>
						<option value="<%=e.getEquipeId()%>">
							<%=e.getNom()%>
						</option>
						<%
							}
						%>
					</select>
					<table>
						<thead>
							<tr>
								<th>Nom du joueur</th>
								<th>Prénom</th>
								<th>Poste</th>
							</tr>
						</thead>
						<tbody id="detailEquipeSelectionnee"></tbody>
					</table>
					<input id="submitInscriptionExist" type="submit" value="S'inscrire !" />
				</form>
			</div>

			<%-- <div id="tabr2" class="tab-content">
			<h3>Creer des équipes aléatoirement</h3>
			<form action="inscription" method="POST">
				<input type="hidden" name="action" value="createRandom" />
				<input type="hidden" name="tournoiId" value="<%=session.getAttribute("idTournoi")%>" />
				<label for="nombreEquipe" >Saisir le nombre d'équipe à inscrire</label>
				<input id="nombreEquipe" type="number" name="nombreEquipe"/>
				<input type="submit" value="S'inscrire !" />
			</form>
			</div> --%>
			
			<div id="tabr3" class="tab-content">
				<h3>Créer une nouvelle équipe</h3>
				<form action="inscription" method="POST">
					<input type="hidden" name="action" value="create" />
					<input type="hidden" name="tournoiId" value="<%=session.getAttribute("idTournoi")%>" />
					<label for="inputNomEquipe">Saisir le nom de l'équipe</label>
					<input id="inputNomEquipe" name="EquipeName">
					
					<table>
						<thead>
							<tr>
								<th></th>
								<th colspan="3">Creer un joueur</th>
								<th></th>
							</tr>
							<tr>
								<th></th>
								<th>Nom</th>
								<th>Prenom</th>
								<th>Poste</th>
							</tr>
						<tbody>
							<%
								for (int i = 0; i < 15; ++i) {
									String style = (i == 0) ? "" : "display:none;";
							%>
							<tr style="<%=style%>">
								<td class="tdRemoveJoueur">
									<% if(i != 0){ %>
									<input type="button" value="Supprimer ce joueur" class="removeJoueur" />
									<% } %>
								</td>
								<td>
									<span class="createJoueur">
										<input class="fieldInscription" type="text" name="nom<%=i%>" />
									</span>
								</td>
								<td>
									<span class="createJoueur">
										<input class="fieldInscription" type="text" name="prenom<%=i%>" />
									</span>
								</td>
								<td>
									<span class="createJoueur">
										<select class="selectPoste" name="poste<%=i%>"></select>
									</span>
									
								</td>
								<td class="tdAddJoueur">
									<input type="button" value="Ajouter un autre joueur" class="addJoueur" />
								</td>
							</tr>
							<%
								}
							%>
						</tbody>
					</table>
	
					<input type="submit" value="S'inscrire !" />
				</form>
			</div>
		</div>
	</div>
	<jsp:include page="footer.jsp"></jsp:include>
</body>
</html>
